<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui_admin 首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body>


<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">快捷方式</div>
                <div class="layui-card-body">


                    <ul class="layui-row layui-col-space10">
                        <li class="layui-col-xs3">
                            <a lay-href="home/homepage1.html">
                                <i class="layui-icon layui-icon-console"
                                   style="display: block;width: 100%;height: 60px;
                                   line-height: 60px;text-align: center;
                                   border-radius: 2px;font-size: 30px;"></i>
                                <cite style="position: relative;top: 2px;display: block;
                                text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
                                font-size: 14px;text-align: center;">主页一</cite>
                            </a>
                        </li>
                        <li class="layui-col-xs3">
                            <a lay-href="home/homepage2.html">
                                <i class="layui-icon layui-icon-chart"></i>
                                <cite>主页二</cite>
                            </a>
                        </li>
                        <li class="layui-col-xs3">
                            <a lay-href="component/layer/list.html">
                                <i class="layui-icon layui-icon-template-1"></i>
                                <cite>弹层</cite>
                            </a>
                        </li>
                        <li class="layui-col-xs3">
                            <a lay-href="component/progress/index.html">
                                <i class="layui-icon layui-icon-chat"></i>
                                <cite>聊天</cite>
                            </a>
                        </li>
                        <li class="layui-col-xs3">
                            <a lay-href="component/progress/index.html">
                                <i class="layui-icon layui-icon-find-fill"></i>
                                <cite>进度条</cite>
                            </a>
                        </li>
                        <li class="layui-col-xs3">
                            <a lay-href="app/workorder/list.html">
                                <i class="layui-icon layui-icon-survey"></i>
                                <cite>工单</cite>
                            </a>
                        </li>
                        <li class="layui-col-xs3">
                            <a lay-href="user/user/list.html">
                                <i class="layui-icon layui-icon-user"></i>
                                <cite>用户</cite>
                            </a>
                        </li>
                        <li class="layui-col-xs3">
                            <a lay-href="set/system/website.html">
                                <i class="layui-icon layui-icon-set"></i>
                                <cite>设置</cite>
                            </a>
                        </li>
                    </ul>






                </div>
            </div>
        </div>


        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">卡片面板</div>
                <div class="layui-card-body">
                    <div class="layui-carousel" id="test1" lay-filter="test1">
                        <div carousel-item="">
                            <div>
                                <ul class="layui-row layui-col-space10">
                                    <li class="layui-col-xs3">
                                        <a lay-href="home/homepage1.html">
                                            <i class="layui-icon layui-icon-console"></i>
                                            <cite>主页一</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="home/homepage2.html">
                                            <i class="layui-icon layui-icon-chart"></i>
                                            <cite>主页二</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="component/layer/list.html">
                                            <i class="layui-icon layui-icon-template-1"></i>
                                            <cite>弹层</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="component/progress/index.html">
                                            <i class="layui-icon layui-icon-chat"></i>
                                            <cite>聊天</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="component/progress/index.html">
                                            <i class="layui-icon layui-icon-find-fill"></i>
                                            <cite>进度条</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="app/workorder/list.html">
                                            <i class="layui-icon layui-icon-survey"></i>
                                            <cite>工单</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="user/user/list.html">
                                            <i class="layui-icon layui-icon-user"></i>
                                            <cite>用户</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/system/website.html">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>设置</cite>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="layui-row layui-col-space10">
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="#">
                                            <i class="layui-icon layui-icon-app"></i>
                                            <cite>占位</cite>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">标题</div>
                <div class="layui-card-body">
                    内容
                </div>
            </div>
        </div>
    </div>
</div>


<script src="/layui/layui.js"></script>
<script>
    //JavaScript代码区域

    layui.use(['element', 'carousel', 'form'], function(){
        var element = layui.element;
        var carousel = layui.carousel;
        var form = layui.form;

        //常规轮播
        carousel.render({
            elem: '#test1'
            ,arrow: 'none',
            indicator: 'outside',
            width: '100%',
            height: '70px'
        });

    });
</script>
</body>
</html>

